$(function(){
  
  var page=1;
  var pageSize=5;
 
  render();

  function render(){
    $.ajax({
      type:'get',
      url:'/category/querySecondCategoryPaging',
      data:{
        page:page,
        pageSize:pageSize
      },
      success:function(info){
        console.log(info);
        var str=template('tmp1',info);
        $('tbody').html(str);
  
        $('#pagintor').bootstrapPaginator({
          bootstrapMajorVersion:3,
          currentPage:page,
          totalPages:Math.ceil(info.total/info.size),//总页数
          onPageClicked:function(e, oe, t,p){
            //为按钮绑定点击事件 page:当前点击的按钮值
            page=p;
            render();
          }
        })
      }
    })
  }

 $('.btn-add').on('click',function(){
   $('#addModal').modal('show')


  //  渲染一级分类
  $.ajax({
    url:'/category/queryTopCategoryPaging',
    type:'get',
    data:{
      page:1,
      pageSize:200
    },
    success:function(info){
      console.log(info);
      var str=template('tmp2',info);
      $('.dropdown-menu').html(str);
    }
  })

 })

//  一级分类选择功能
$('.dropdown-menu').on('click','li',function(){
  var text=$(this).children().text();
  $('#dropdownMenu1 span:first').text(text);

  $('[name=categoryId]').val($(this).data('id')) 

  //  把表单校验改成功???
  $("form").data('bootstrapValidator')
  .updateStatus('categoryId','VALID')

})

// 二级分类图片上传功能
$("#file").fileupload({
  dataType:"json",
  //e：事件对象
  //data：图片上传后的对象，通过data.result.picAddr可以获取上传后的图片地址
  done:function (e, data) {
      $('.img_box img').attr('src',data.result.picAddr)
      $('[name=brandLogo]').val(data.result.picAddr)

      //  把表单校验改成功???
      $("form").data('bootstrapValidator')
       .updateStatus('brandLogo','VALID')
  }

});

// 表单校验
$('form').bootstrapValidator({
  excluded:[],
  feedbackIcons: {
    valid: 'glyphicon glyphicon-thumbs-up',
    invalid: 'glyphicon glyphicon-thumbs-down',
    validating: 'glyphicon glyphicon-refresh'
  },
  fields: {
    brandName: {
      validators: {
        notEmpty: {
          message: '二级分类的名称不能为空'
        }
      }
    },
    categoryId: {
      validators: {
        notEmpty: {
          message: '请选择一个一级分类'
        }
      }
    },
    brandLogo: {
      validators: {
        notEmpty: {
          message: '请上传二级分类的图片'
        }
      }
    }
  }
})

// 给表单注册校验成功事件
$('form').on('success.form.bv',function(e){
  e.preventDefault();
  $.ajax({
    url:'/category/addSecondCategory',
    type:'post',
    data:$('form').serialize(),
    success:function(info){
      if(info.success){
        // 渲染
        render();
        //隐藏模态框
        $('#addModal').modal('hide')
        //重置表单样式
        $("form").data('bootstrapValidator')
        .resetForm(true);
        //手动重置样式
        $('.dropdown-text').text('请选择一级分类');
        $('.img_box img').attr('src','../image/none.png')
      }
    }
  })
})


})